<script setup>
import {ref} from "vue";
import {useStore} from "vuex";
const isShow = ref(false);

const store = useStore();

const onClose = () => {
  isShow.value = false;
}

const onShow = () => {
  isShow.value = true;
}

defineExpose({
  onShow,
  onClose
})
</script>
<template>
  <van-popup v-model:show="isShow"
             position="bottom"
             close-icon-position="top-left"
             :closeable="true"
             @click-overlay="onClose"
             @close="onClose">
    <view class="m-container">
        <slot />
    </view>
  </van-popup>
</template>


<style scoped lang="less">
.m-container {
  margin: 2vh 5vw;
  height: 50vh;
}
</style>
